<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<title>Studio Apartment | Admin Page</title>
	<link href="style.css" rel="stylesheet" media="all" />
	<link href="#" rel="stylesheet" title="style" media="all" />
	<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
	<script type="text/javascript" src="js/superfish.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.7.2.js"></script>
	<script type="text/javascript" src="js/tooltip.js"></script>
	<script type="text/javascript" src="js/tablesorter.js"></script>
	<script type="text/javascript" src="js/tablesorter-pager.js"></script>
	<script type="text/javascript" src="js/cookie.js"></script>
	<script type="text/javascript" src="js/custom.js"></script>
	<!--[if IE 6]>
	<link href="css/ie6.css" rel="stylesheet" media="all" />
	
	<script src="js/pngfix.js"></script>
	<script>
	  /* EXAMPLE */
	  DD_belatedPNG.fix('.logo, .other ul#dashboard-buttons li a');

	</script>
	<![endif]-->
	<!--[if IE 7]>
	<link href="css/ie7.css" rel="stylesheet" media="all" />
	<![endif]-->
</head>
<body>
	<div id="header">
		<div id="top-menu">
			<span>Logged in as <a href="#" title="Logged in as admin">admin</a></span>
			| <a href="#" title="Edit profile">Edit profile</a>
			| <a href="#" title="Logout">Logout</a>
		</div>
		<div id="sitename">
			<a href="index.html" class="logo float-left" title="Studio Apartment">Studio Apartment</a>
		<!--	<div class="button float-right">
				<a href="#" id="dialog_link" class="btn ui-state-default ui-corner-all"><span class="ui-icon ui-icon-newwin"></span>Open Dialog</a>
				<a href="#" id="login_dialog" class="btn ui-state-default ui-corner-all"><span class="ui-icon ui-icon-image"></span>Open Login Box</a>
			</div>
		-->
		</div>
		<ul id="navigation" class="sf-navbar">
			<li>
				<a href="#" title="Manage Apartment">Apartment Manage</a>
				<ul>
					<li><a href="#" title="List of all Apartment available">List Apartment</a></li>
					<li><a href="#" title="Add a new Apartment">Add new Apartment</a></li>
					<li><a href="#" title="Manage type of Apartment"> Type of Apartment</a>
						<ul>
							<li><a href="#" title="List of all Type of Apartment available">List Type</a></li>
							<li><a href="#" title="Add a new type of Apartment">Add new Type</a></li>
						</ul>
					</li>
				</ul>
			</li>
			<li>
				<a href="#" title="Manage User">User Manage</a>
				<ul>
					<li>
						<a href="#" title="List of all User available">List User</a>
					</li>
					<li>
						<a href="#" title="Add a new User">Add New User</a>
					</li>
					<li>
						<a href="#" title="Manage Group Permision of User">Group Manage</a>
						<ul>
							<li>
								<a href="#" title="List of all Group Permission of user">List of Group</a>
							</li>
							<li>
								<a href="#" title="Add a new Group Permission of User">Add new Group</a>
							</li>
						</ul>
					</li>
				
				</ul>
			</li>
			<li>
				<a href="#" title="Something need to be manage">More Settings</a>
				<ul>
					<li>
						<a href="#">Country</a>
						<ul>
							<li>
								<a href="#" title="List of all Country">List of Country</a>
							</li>
							<li>
								<a href="#" title="Add a new Country">Add new Country</a>
							</li>
						</ul>
					</li>
					<li>
						<a href="#">City</a>
						<ul>
							<li>
								<a href="#" title="List of all City">List of City</a>
							</li>
							<li>
								<a href="#" title="Add a new City">Add new City</a>
							</li>
						</ul>
						
					</li>
					<li>
						<a href="#">District</a>
						<ul>
							<li>
								<a href="#" title="List of all District">List of District</a>
							</li>
							<li>
								<a href="#" title="Add a new District">Add new District</a>
							</li>
						</ul>
					</li>
					
					
				</ul>
			</li>
			<li>
				<a href="#">Customer</a>
				<ul>
					<li>
						<a href="#">Booking</a>
						<ul>
							<li><a href="#">List of Booking</a></li>
							<li><a href="#">List of Reason Booking</a></li>
						</ul>
					</li>
					<li>
						<a href="#">Feeder</a>
					</li>
					<li>
						<a href="#">Contact</a>
					</li>
				</ul>
			</li>
		</ul>
	</div> <!-- END #header -->
	<div id="page-wrapper">
		<div id="main-wrapper">
			<div id="main-content">
			<div class="page-title ui-widget-content ui-corner-all dashboard">
					<h1><b>Dashboard</b></h1>
					<div class="other">
						<div class="float-left">
							<p>30 Apartment</p>
							<p>5 Apartment Type</p>
						</div>
						<div class="float-right">
							<p>30 Apartment</p>
							<p>5 Apartment Type</p>
						</div>
						<div class="clearfix"></div>
					</div>
			</div>
			<div class="page-title ui-widget-content ui-corner-all column new-apart">
					<h1><b>Add new Apartment</b></h1>
					<div class="other">
						<div class="float-left">
							<p>
                                <label for="name">Address:</label>
                                <input type="text" name="" class="field text medium" value="" maxlength="255" tabindex="1">
                            </p>
						</div>

						<div class="clearfix"></div>
					</div>
			</div>
			</div><!-- END #main-content -->
		</div><!-- END #main-wrapper -->
		<div id="sidebar">
		<div class="portlet ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
					<div class="portlet-header ui-widget-header">Stats</div>
					<div class="portlet-content">
						<ul class="side-menu">
							<li>
								<a href="#">Contact <b>(2)</b></a>
							</li>
							<li>
								<a href="#">Booking Request <b>(3)</b></a>
							</li>
							<li>
								<br />Total users: 1231<br /><br />
							</li>
							<li>
								<br />Total users: 1231<br /><br />
							</li>
						</ul>
					</div>
				</div>
		<div class="portlet ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="">
			<div class="portlet-header ui-widget-header">Calendar</div>
				<div class="portlet-content" style="display: block;">
						<div id="datepicker" class="hasDatepicker"><div class="ui-datepicker-inline ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"><div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all"><a title="Prev" onclick="DP_jQuery.datepicker._adjustDate('#datepicker', -1, 'M');" class="ui-datepicker-prev ui-corner-all"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a><a title="Next" onclick="DP_jQuery.datepicker._adjustDate('#datepicker', +1, 'M');" class="ui-datepicker-next ui-corner-all"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a><div class="ui-datepicker-title"><span class="ui-datepicker-month">November</span> <span class="ui-datepicker-year">2010</span></div></div><table class="ui-datepicker-calendar"><thead><tr><th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th><th><span title="Monday">Mo</span></th><th><span title="Tuesday">Tu</span></th><th><span title="Wednesday">We</span></th><th><span title="Thursday">Th</span></th><th><span title="Friday">Fr</span></th><th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th></tr></thead><tbody><tr><td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td onclick="DP_jQuery.datepicker._selectDay('#datepicker',10,2010, this);return false;" class=" "><a href="#" class="ui-state-default">1</a></td><td onclick="DP_jQuery.datepicker._selectDay('#datepicker',10,2010, this);return false;" class=" "><a href="#" class="ui-state-default">2</a></td><td onclick="DP_jQuery.datepicker._selectDay('#datepicker',10,2010, this);return false;" class=" "><a href="#" class="ui-state-default">3</a></td><td onclick="DP_jQuery.datepicker._selectDay('#datepicker',10,2010, this);return false;" class=" "><a href="#" class="ui-state-default">4</a></td><td onclick="DP_jQuery.datepicker._selectDay('#datepicker',10,2010, this);return false;" class=" "><a href="#" class="ui-state-default">5</a></td><td onclick="DP_jQuery.datepicker._selectDay('#datepicker',10,2010, this);return false;" class=" ui-datepicker-week-end "><a href="#" class="ui-state-default">6</a></td></tr><tr><td onclick="DP_jQuery.datepicker._selectDay('#datepicker',10,2010, this);return false;" class=" ui-datepicker-week-end "><a href="#" class="ui-state-default">7</a></td><td onclick="DP_jQuery.datepicker._selectDay('#datepicker',10,2010, this);return false;" class=" "><a href="#" class="ui-state-default">8</a></td><td onclick="DP_jQuery.datepicker._selectDay('#datepicker',10,2010, this);return false;" class=" "><a href="#" class="ui-state-default">9</a></td><td onclick="DP_jQuery.datepicker._selectDay('#datepicker',10,2010, this);return false;" class=" "><a href="#" class="ui-state-default">10</a></td><td onclick="DP_jQuery.datepicker._selectDay('#datepicker',10,2010, this);return false;" class=" "><a href="#" class="ui-state-default">11</a></td><td onclick="DP_jQuery.datepicker._selectDay('#datepicker',10,2010, this);return false;" class=" "><a href="#" class="ui-state-default">12</a></td><td onclick="DP_jQuery.datepicker._selectDay('#datepicker',10,2010, this);return false;" class=" ui-datepicker-week-end "><a href="#" class="ui-state-default">13</a></td></tr><tr><td onclick="DP_jQuery.datepicker._selectDay('#datepicker',10,2010, this);return false;" class=" ui-datepicker-week-end "><a href="#" class="ui-state-default">14</a></td><td onclick="DP_jQuery.datepicker._selectDay('#datepicker',10,2010, this);return false;" class=" "><a href="#" class="ui-state-default">15</a></td><td onclick="DP_jQuery.datepicker._selectDay('#datepicker',10,2010, this);return false;" class=" "><a href="#" class="ui-state-default">16</a></td><td onclick="DP_jQuery.datepicker._selectDay('#datepicker',10,2010, this);return false;" class=" "><a href="#" class="ui-state-default">17</a></td><td onclick="DP_jQuery.datepicker._selectDay('#datepicker',10,2010, this);return false;" class=" "><a href="#" class="ui-state-default">18</a></td><td onclick="DP_jQuery.datepicker._selectDay('#datepicker',10,2010, this);return false;" class=" "><a href="#" class="ui-state-default">19</a></td><td onclick="DP_jQuery.datepicker._selectDay('#datepicker',10,2010, this);return false;" class=" ui-datepicker-week-end "><a href="#" class="ui-state-default">20</a></td></tr><tr><td onclick="DP_jQuery.datepicker._selectDay('#datepicker',10,2010, this);return false;" class=" ui-datepicker-week-end "><a href="#" class="ui-state-default">21</a></td><td onclick="DP_jQuery.datepicker._selectDay('#datepicker',10,2010, this);return false;" class=" "><a href="#" class="ui-state-default">22</a></td><td onclick="DP_jQuery.datepicker._selectDay('#datepicker',10,2010, this);return false;" class=" "><a href="#" class="ui-state-default">23</a></td><td onclick="DP_jQuery.datepicker._selectDay('#datepicker',10,2010, this);return false;" class=" "><a href="#" class="ui-state-default">24</a></td><td onclick="DP_jQuery.datepicker._selectDay('#datepicker',10,2010, this);return false;" class=" "><a href="#" class="ui-state-default">25</a></td><td onclick="DP_jQuery.datepicker._selectDay('#datepicker',10,2010, this);return false;" class=" "><a href="#" class="ui-state-default">26</a></td><td onclick="DP_jQuery.datepicker._selectDay('#datepicker',10,2010, this);return false;" class=" ui-datepicker-week-end "><a href="#" class="ui-state-default">27</a></td></tr><tr><td onclick="DP_jQuery.datepicker._selectDay('#datepicker',10,2010, this);return false;" class=" ui-datepicker-week-end "><a href="#" class="ui-state-default">28</a></td><td onclick="DP_jQuery.datepicker._selectDay('#datepicker',10,2010, this);return false;" class=" ui-datepicker-days-cell-over  ui-datepicker-current-day ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight ui-state-active">29</a></td><td onclick="DP_jQuery.datepicker._selectDay('#datepicker',10,2010, this);return false;" class=" "><a href="#" class="ui-state-default">30</a></td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td></tr></tbody></table></div>
					</div>
				</div>
		</div>
		</div><!-- END #sidebar -->
	</div> <!-- END #page-wrapper -->
	<div class="clearfix"></div>
	<div id="footer">
		<div id="menu">
			<a href="#" title="Home">Home</a>
			<a href="#" title="Administration">Administration</a>
			<a href="#" title="Settings">Settings</a>
			<a href="#" title="Contact">Contact</a>
		</div>
		Copyright &copy; 2009 - Horia Simon (WebDesignChimera.com)
	</div> <!-- END #footer -->
	
</body>
</html>